<!--
 Copyright (c) 2016, the Dart project authors.  Please see the AUTHORS file
 for details. All rights reserved. Use of this source code is governed by a
 BSD-style license that can be found in the LICENSE file.
-->
<section class="margin">
  <h2>Flat</h2>
  <material-button>Default</material-button>
  <material-button class="red">Colored</material-button>
  <material-button disabled>Disabled</material-button>
  <material-button compact>Compact</material-button>
</section>

<section class="margin">
  <h2>Raised</h2>
  <material-button raised>Raised</material-button>
  <material-button raised class="red">Colored</material-button>
  <material-button raised disabled>Disabled</material-button>
  <material-button raised dense>Dense</material-button>
  <material-button raised compact>Compact</material-button>
</section>

<section class="margin">
  <h2>Icons</h2>
  <material-button icon>
    <material-icon icon="check"></material-icon>
  </material-button>
  <material-button class="blue-icon" icon>
    <material-icon icon="favorite"></material-icon>
  </material-button>

  <material-button icon>
    <material-icon icon="mail"></material-icon>
    Mail
  </material-button>

</section>
